import React, {
	Component
} from 'react';
import {
	AppRegistry,
	StyleSheet,
	Text,
	View,
	Image,
	InteractionManager,
	TouchableWithoutFeedback
} from 'react-native';
//公共组件
import css from '../../../common/common_css'
import dp from '../../../common/pxToDp'
//页面组件
import Logistic from '../Logistic'
export default class User extends Component {
	constructor(props) {
		super(props);

	}
	//跳转到物流信息页面
	goToLogistic(){
		const {navigator}=this.props.navigator;
		if(navigator){
			navigator.push({
				name:'Logistic',
				component:Logistic
			})
		}
	}
	render() {
		return (
			<View style={[s.flex1]}>
				<TouchableWithoutFeedback
					onPress={this.goToLogistic.bind(this)}
					>
					<View
						style={[s.listContent]}
						>
						{/*图片*/}
                    	<View
							style={[s.listContentLeft]}
							>
							<Image
								source={require('../../../image/app2/ic_notice_logistics.png')}
								style={[s.listImg]}
								/>
						</View>
						{/*右侧内容*/}
						<View
							style={[s.listContentRight]}
							>
								<View style={[s.titleContent]}>
									<View style={[s.title]}>
										<Text style={[s.titleText,s.font15]}>物流助手</Text>
									</View>
									<View style={[s.date]}>
										<Text style={[s.dataText]}></Text>
									</View>
								</View>
								<View style={[s.textContent]}>
									<Text style={[s.text]}>123</Text>
								</View>
							</View>
					</View>
				</TouchableWithoutFeedback>
				<TouchableWithoutFeedback>
					<View
						style={[s.listContent]}
						>
						{/*图片*/}
                    	<View
							style={[s.listContentLeft]}
							>
							<Image
								source={require('../../../image/app2/ic_notice_myFortune.png')}
								style={[s.listImg]}
								/>
						</View>
						{/*右侧内容*/}
						<View
							style={[s.listContentRight]}
							>
									<View style={[s.titleContent]}>
										<View style={[s.title]}>
											<Text style={[s.titleText,s.font15]}>我的资产</Text>
										</View>
										<View style={[s.date]}>
											<Text style={[s.dataText]}>2016-11-25</Text>
										</View>
									</View>
									<View style={[s.textContent]}>
										<Text style={[s.text]}>您收到1张优惠券，优惠额39.00元</Text>
									</View>
							</View>
					</View>
				</TouchableWithoutFeedback>
				<TouchableWithoutFeedback>
					<View
						style={[s.listContent]}
						>
						{/*图片*/}
                    	<View
							style={[s.listContentLeft]}
							>
							<Image
								source={require('../../../image/app2/ic_notice_feedback.png')}
								style={[s.listImg]}
								/>
						</View>
						{/*右侧内容*/}
						<View
							style={[s.listContentRight]}
							>
									<View style={[s.titleContent]}>
										<View style={[s.title]}>
											<Text style={[s.titleText,s.font15]}>客户反馈</Text>
										</View>
										<View style={[s.date]}>
											<Text style={[s.dataText]}></Text>
										</View>
									</View>
									<View style={[s.textContent]}>
										<Text style={[s.text]}>点击进行意见反馈，金字塔客服会在第一时</Text>
									</View>
							</View>
					</View>
				</TouchableWithoutFeedback>
			</View>
		);
	}
}



const s = StyleSheet.create(Object.assign(css,{
	listContent:{
		height:dp(72),
		flexDirection:'row',
		borderBottomWidth:dp(1),
		borderColor:'#eee',
	},
	listContentLeft:{
		height:dp(72),
		width:dp(72),
		paddingTop:dp(12),
		paddingBottom:dp(12),
		alignItems:'center'
	},
	listImg:{
		height:dp(48),
		width:dp(48)
	},
	listContentRight:{
		flex:1,
		paddingTop:dp(12),
		paddingBottom:dp(12),
		paddingRight:dp(12)
	},
	titleContent:{
		height:dp(24),
		flexDirection:'row',
		alignItems:'center',
		justifyContent:'space-between'
	},
	title:{
	},
	titleText:{
		color:'#000'
	},
	date:{

	},
	dataText:{
		fontSize:12,
		color:'#000',

	},
	textContent:{
		height:dp(24),
		justifyContent:'center'
	},
	text:{
		color:'#aaa',
		fontSize:12
	}
}));
